<script setup>
const props = defineProps({
  title: {
    type: String,
  },
})


</script>

<template>

<div class="card-main">
    <div class="card-title">{{ title }}</div>
    <div class="card-content">
        <slot></slot>
    </div>
</div>
</template>

<style scoped>

.card-main {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid rgb(38, 38, 38);
    border-radius: 10px;
}
.card-title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
}
</style>
